<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>
		<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
		<link rel="stylesheet" href="../../../css/blueprint/screen.css" type="text/css" media="screen, projection" />
		<link rel="stylesheet" href="../../../css/blueprint/print.css" type="text/css" media="print" /> 
		<link rel="stylesheet" href="../../../css/blueprint/plugins/fancy-type/screen.css" type="text/css"  media="screen, projection" />
		<link rel="stylesheet" href="../../../css/blueprint/plugins/buttons/screen.css" type="text/css"  media="screen, projection" />
		<!--[if IE]>
			<link rel="stylesheet" href="../../../css/blueprint/ie.css" type="text/css" media="screen, projection" />
		<![endif]-->
		<link rel="stylesheet" href="../css/main.css" type="text/css" media="screen, projection" />
		<title>CSS test</title>
		<meta name="description" content="css test demo stylesheet" />
	</head>
	<body>
		<div class="container">
			<div id="content" class="span-24">
				<h1>Ze Blueprint css Test </h1>
				<h2 class="alt prepend-10">My First Blueprint test for a long sleeping period...</h2>
				<div style="float:left;">
					<a class="button positive" href="/categories/list" title="See all the product categories tree">
					  <img src="../../../images/icons/folder.png" alt=""/>Categories
					</a>
					<a class="button" href="/category/games" title="All games for child and their parents">
					  <img src="../../../images/icons/brick.png" alt=""/>Games
					</a>
					<a class="button" href="/category/pictures"  title="propose Photos arround the world">
					  <img src="../../../images/icons/picture.png" alt=""/>Photos
					</a>
					<a class="button" href="/category/vgames"  title="Show all video games products">
					  <img src="../../../images/icons/controller.png" alt=""/>Video games
					</a>
				</div>
				<div style="float:right;">
					<a class="button negative" href="/cart/show" title="Show your current cart">
					  <img src="../../../images/icons/cart.png" alt=""/>Cart
					</a>
					<a class="button negative" href="/commands/list" title="See your previous commands">
					  <img src="../../../images/icons/basket.png" alt=""/>Commands
					</a>
					<a class="button negative" href="/users/register" title="Register yourself into our customers database">
					  <img src="../../../images/icons/vcard_edit.png" alt=""/> Register
					</a>
					<a class="button" href="/users/login" title="Connect to user database">
					  <img src="../../../images/icons/key.png" alt=""/> Login
					</a>
					<a class="button negative" href="/users/logout" title="Disconnect from user database">
					  <img src="../../../images/icons/key_go.png" alt=""/> Logout
					</a>
				</div>
				<hr />
			</div>
			<div id="content" class="span-24">
				<div id="test" class="span-24">
					<h2 class="alt">News</h2>
					<p class="incr box">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porta. Phasellus vel mi in ligula eleifend mattis. Etiam a elit. Ut malesuada. Duis rutrum, diam vel tincidunt rhoncus, ligula enim laoreet ante, sit amet tempus lacus urna vitae leo. Ut semper, eros eget ultricies rutrum, dui libero suscipit nisl, ut pretium nisl nisl id velit. Integer iaculis vestibulum augue. In hac habitasse platea dictumst. Cras tortor. Aliquam vehicula lorem ut leo posuere egestas. Cras quis nibh nec odio vestibulum tempus. Duis libero eros, sodales ut, viverra vitae, vehicula ut, dui. Donec vel justo eget sem consequat malesuada. Pellentesque molestie venenatis sem. Maecenas consequat luctus ligula.</p>
					<p>&nbsp;</p>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porta. Phasellus vel mi in ligula eleifend mattis. Etiam a elit. Ut malesuada. Duis rutrum, diam vel tincidunt rhoncus, ligula enim laoreet ante, sit amet tempus lacus urna vitae leo. Ut semper, eros eget ultricies rutrum, dui libero suscipit nisl, ut pretium nisl nisl id velit. Integer iaculis vestibulum augue. In hac habitasse platea dictumst. Cras tortor. Aliquam vehicula lorem ut leo posuere egestas. Cras quis nibh nec odio vestibulum tempus. Duis libero eros, sodales ut, viverra vitae, vehicula ut, dui. Donec vel justo eget sem consequat malesuada. Pellentesque molestie venenatis sem. Maecenas consequat luctus ligula.</p>
					<p>&nbsp;</p>
					<p><img src="../../../images/photos/mathys-001.jpg" alt="Mathys, 18 monthes" style="float:left;margin-right:8px;margin-bottom:4px;"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porta. Phasellus vel mi in ligula eleifend mattis. Etiam a elit. Ut malesuada. Duis rutrum, diam vel tincidunt rhoncus, ligula enim laoreet ante, sit amet tempus lacus urna vitae leo. Ut semper, eros eget ultricies rutrum, dui libero suscipit nisl, ut pretium nisl nisl id velit. Integer iaculis vestibulum augue. In hac habitasse platea dictumst. Cras tortor. Aliquam vehicula lorem ut leo posuere egestas. Cras quis nibh nec odio vestibulum tempus. Duis libero eros, sodales ut, viverra vitae, vehicula ut, dui. Donec vel justo eget sem consequat malesuada. Pellentesque molestie venenatis sem. Maecenas consequat luctus ligula.</p>
				</div>
				<hr />
				<div class="products span-24">
					<h2 class="alt">Catalog</h2>
					<div class="product span-3 first">
						<p class="title">Cold Winter</p>
						<img src="../../../images/covers/mini/ps2-cold_winter-cover.jpg"/>
						<p class="price left">16.00€</p>
						<p class="availability left">available</p>
						<a class="smallbutton fright" href="/cart/add" title="Add product to my cart">
						  <img src="../../../images/icons/cart_add.png" alt=""/> Add
						</a>
					</div>
					<div class="product span-3">
						<p class="title">Mercenaries</p>
						<img src="../../../images/covers/mini/ps2-mercenaries-cover.jpg"/>
						<p class="price left">22.00€</p>
						<p class="availability left">available</p>
						<a class="smallbutton fright" href="/cart/add" title="Add product to my cart">
						  <img src="../../../images/icons/cart_add.png" alt=""/> Add
						</a>
					</div>
					<div class="product span-3">
						<p class="title">Psychonauts</p>
						<img src="../../../images/covers/mini/ps2-psychonauts-cover.jpg"/>
						<p class="price left">22.00€</p>
						<p class="availability left">available</p>
						<a class="smallbutton fright" href="/cart/add" title="Add product to my cart">
						  <img src="../../../images/icons/cart_add.png" alt=""/> Add
						</a>
					</div>
					<div class="product span-3">
						<p class="title">Futurama</p>
						<img src="../../../images/covers/mini/ps2-futurama-cover.jpg"/>
						<p class="price left">12.00€</p>
						<p class="availability left">available</p>
						<a class="smallbutton fright" href="/cart/add" title="Add product to my cart">
						  <img src="../../../images/icons/cart_add.png" alt=""/> Add
						</a>
					</div>
					<div class="product span-3">
						<p class="title">Scarface</p>
						<img src="../../../images/covers/mini/ps2-scarface-cover.jpg"/>
						<p class="price left">18.00€</p>
						<p class="availability left">available</p>
						<a class="smallbutton fright" href="/cart/add" title="Add product to my cart">
						  <img src="../../../images/icons/cart_add.png" alt=""/> Add
						</a>
					</div>
					<div class="product span-3">
						<p class="title">Tomb Raider Legends</p>
						<img src="../../../images/covers/mini/ps2-tomb_raider_legends-cover.jpg"/>
						<p class="price left">25.00€</p>
						<p class="availability left">available</p>
						<a class="smallbutton fright" href="/cart/add" title="Add product to my cart">
						  <img src="../../../images/icons/cart_add.png" alt=""/> Add
						</a>
					</div>
				</div>
				<hr />
				<h2 class="alt">Latest tests</h2>
				<div class="span-7 colborder">
					<p class="box">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porta. Phasellus vel mi in ligula eleifend mattis. Etiam a elit.</p>
					<p> Ut malesuada. Duis rutrum, diam vel tincidunt rhoncus, ligula enim laoreet ante, sit amet tempus lacus urna vitae leo. Ut semper, eros eget ultricies rutrum, dui libero suscipit nisl, ut pretium nisl nisl id velit. Integer iaculis vestibulum augue. In hac habitasse platea dictumst. Cras tortor. Aliquam vehicula lorem ut leo posuere egestas. Cras quis nibh nec odio vestibulum tempus. Duis libero eros, sodales ut, viverra vitae, vehicula ut, dui. Donec vel justo eget sem consequat malesuada. Pellentesque molestie venenatis sem. Maecenas consequat luctus ligula.</p>
					
				</div>
				<div class="span-7 colborder">
					<p><img src="../../../images/covers/ps2-reservoir_dogs.jpg" alt="Playstation 2 - Reservoir Dogs" style="float:left;margin-right:8px;margin-bottom:4px;"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porta. Phasellus vel mi in ligula eleifend mattis. Etiam a elit. Ut malesuada. Duis rutrum, diam vel tincidunt rhoncus, ligula enim laoreet ante, sit amet tempus lacus urna vitae leo. </p><p class="box">Ut semper, eros eget ultricies rutrum, dui libero suscipit nisl, ut pretium nisl nisl id velit. Integer iaculis vestibulum augue. In hac habitasse platea dictumst.</p><p>Cras tortor. Aliquam vehicula lorem ut leo posuere egestas. Cras quis nibh nec odio vestibulum tempus. Duis libero eros, sodales ut, viverra vitae, vehicula ut, dui. Donec vel justo eget sem consequat malesuada. Pellentesque molestie venenatis sem. Maecenas consequat luctus ligula.</p>
				</div>
				<div class="span-7 last">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porta. Phasellus vel mi in ligula eleifend mattis. Etiam a elit. Ut malesuada. Duis rutrum, diam vel tincidunt rhoncus, ligula enim laoreet ante, sit amet tempus lacus urna vitae leo. Ut semper, eros eget ultricies rutrum, dui libero suscipit nisl, ut pretium nisl nisl id velit. Integer iaculis vestibulum augue. In hac habitasse platea dictumst. Cras tortor. Aliquam vehicula lorem ut leo posuere egestas. Cras quis nibh nec odio vestibulum tempus.</p><p class="box"><img src="../../../images/photos/mathys-002.jpg" alt="Mathys, 18 monthes" style="float:right;margin-right:8px;margin-bottom:4px;"/> Duis libero eros, sodales ut, viverra vitae, vehicula ut, dui. Donec vel justo eget sem consequat malesuada. Pellentesque molestie venenatis sem.
					</p>
				</div>
			</div>
			<hr/>
			<div id="footer" class="span-24 prepend-7">
				<p>Copyright &copy; 2009 - designed by Frédéric Delorme (<a href="mailto:frederic.delorme@gmail.com" title="Contact Frédéric Delorme on its mail">contact</a>)</p>
			</div>
		</div>
	</body>
</html>